
<template>
  <el-descriptions class="descriptions" title="我的详细资料" :column="1" border>
    <el-descriptions-item
      label="用户名"
      label-align="left"
      align="left"
      label-class-name="my-label"
      class-name="my-content"
    >{{myselfda.username}}</el-descriptions-item>
    <el-descriptions-item label="真实姓名" label-align="left" align="left">{{myselfda.realname}}</el-descriptions-item>
    <el-descriptions-item label="电话" label-align="left" align="left">{{myselfda.phone}}</el-descriptions-item>
    <el-descriptions-item label="最近登录时间" label-align="left" align="left">{{myselfda.gmtLastLogin}}</el-descriptions-item>
    <el-descriptions-item label="角色" label-align="left" align="left">{{myselfda.roles}}</el-descriptions-item>
    <el-descriptions-item v-model="myselfda.status" label="状态" label-align="left" align="left">
      <el-tag size="small"  :type="myselfda.status? '':'info'" effect="dark">{{myselfda.status?'正常':'异常'}}</el-tag>
    </el-descriptions-item>
  </el-descriptions>
</template>
<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["myselfda"]),
  },
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
.descriptions {
  width: 500px;
}
</style>